﻿
<fieldset id="threeStep" >
    <ul class="accordeon-tabs mod-lead-flow">
        <li class="open">
            <span class="tab">
                <span id="expDashboardFlow" class="expander" data-bind="click: expFlow"></span>
                <span>Theo dõi quảng cáo</span>
                <span class="tab-right last">
                <a href="#" class="btn btn-plus" data-bind="click: crollExp">New</a>
                </span>
                <span class="tab-right first">
                Đã cập nhật <label data-bind="text:TimeUpdate" ></label>
                <a class="btn btn-reload" data-bind='attr: {href: "#confirmDelete" }, click: refreshFlow'>Reload</a>
                </span>
            </span>
            <span id="groupTabs" class="toolbar" data-bind="visible: visibletoolbar">
                <span class="area button current">
                    <a href="javascript:void(1);" rel="category">Xem theo danh mục
                        <span class="arr"></span>
                    </a>
                </span>
                <span class="area button">
                    <a href="javascript:void(1);" rel="state">Xem theo tỉnh/thành
                        <span class="arr"></span>
                    </a>
                </span>
                <span class="area button">
                    <a href="javascript:void(1);" rel="option">Xem theo gói
                        <span class="arr"></span>
                    </a>
                </span>
                <span class="area button">
                    <a href="javascript:void(1);" rel="payment">Phương thức thanh toán
                        <span class="arr"></span>
                    </a>
                </span>
            </span>
            <span class="panel nopadding" data-bind="visible: visibleflow">
                <div class="table table-flow">
      			    <div class="title">
      				    <div class="col1" data-bind="text: FlowName">Tên</div>
      				    <div class="col1 col2">Hôm nay</div>
      				    <div class="col1 col3">Hôm qua</div>
      				    <div class="col1 col4">7 ngày</div>
      				    <div class="col1 col5">30 ngày</div>
      				    <div class="col1 col6">60 ngày</div>
      				    <div class="col1 col7">Tổng</div>
      			    </div>
      			    <div data-bind=" attr:{'class': setcreoll}, foreach: ItemsOnPage">
        			    <div class="line" >
        				    <div class="col1" data-bind='text: Name' ></div>
        				    <div class="col1 col2" data-bind='text: Today'></div>
        				    <div class="col1 col3" data-bind='text: Yesterday'></div>
        				    <div class="col1 col4" data-bind='text: SevenDay'></div>
        				    <div class="col1 col5" data-bind='text: ThirdtyDay'></div>
        				    <div class="col1 col6" data-bind='text: SixtyDay'></div>
        				    <div class="col1 col7" data-bind='text: Total'></div>
        			    </div>        			    
      			    </div>
      		    </div>
            </span>
        </li>
    </ul>
    </div><!-- //.content -->
                            
</fieldset>